<template>
<div class="noData">
    <div class="box">
        <van-icon name="bullhorn-o" size="80" color="#999"/>
        <p :style="{color:textColor}" class="p">{{textIn}}</p>
    </div>
</div>
</template>

<script>
export default {
    props:{
        text:{
            type:String,
            default:''
        },
        textColor:{
            type:String,
        }
    },
    data() {
        return {
            textIn:'暂无数据'
        }
    },
    mounted() {
        this.textIn=this.text?this.text:this.textIn
    },
    methods: {

    }
}
</script>

<style lang="scss" >
.noData {
    display: flex;
    justify-content: center;
	align-items: center;
	margin:80px 0;

    .box {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        .p {
            text-align: center;
            font-size: 16px;
            color: #191E33;
            margin-top:20px;
            opacity: 0.6;
        }
    }

}
</style>
